#trashcan-ground {
  position: absolute;
  top: 0px;
  z-index: 0;
  width: 60px;
  height: 100%;
  background-color: #0005;
  opacity: 0%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(12px) saturate(145%);
  transition: opacity 0.2s, z-index 0.2s;
}

#trashcan {
  position: absolute;
  top: 0px;
  z-index: 0;
  width: 60px;
  height: 100%;
  background-color: #0005;
  opacity: 0%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(12px) saturate(145%);
  transition: opacity 0.2s, z-index 0.2s;
}

.trashcan {
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 0;
  width: 30px;
  opacity: 0%;
  transition: opacity 0.5s;
}

#trashcan-lid {
  position: absolute;
  left: 2.5px;
  width: 55px;
  margin-top: -42.5px;
  transition: all 0.5s cubic-bezier(0.1, 1, 0.5, 1);
}

#trashcan-body {
  position: absolute;
  left: 5px;
  width: 50px;
  margin-top: -30px;
  transition: all 0.5s cubic-bezier(0.1, 1, 0.5, 1);
}
